<template>
  <div id="topWrap">
   <div>
      <img src="../../assets/logo.news.png" alt="" />
      <span>{{titlename}}</span>
   </div>
    <ul>
      <li>个人中心</li>
      <li>设置</li>
      <li @click="page">退出</li>
      <!-- <router-link to="/login">登录</router-link> -->
    </ul>
  </div>
</template>

<script>
import {titlename} from "../../config"
console.log(titlename);
export default {
  data(){
    return {
      titlename,
    }
  },
  methods:{
    page(){
      this.$router.push("/login")
    }
  }
};
</script>

<style scoped lang="scss">
#topWrap {
  height: 80px;
  width: 100vw;
  background-color: burlywood;
  display: flex;
  justify-content: space-between;
  line-height: 80px;
  >ul{
      display: flex;
      list-style: none;
      margin-right: 20px;
      >li{
          margin: 0 10px;
      }
  }
  img{
      margin-left: 10px;
      margin-top: 16px;
      vertical-align: top;
  }
}
</style>